<script lang="ts" setup>
import useVueSwiper from "@/components/common/VueSwiper/hooks/useVueSwiper";
const { swiperRef } = useVueSwiper();
function handleMore() {
  swiperRef.value.slideTo(1);
}
</script>
<template>
  <div
    class="mb-14 h-225 bg-[#fff] py-14 flex flex-col justify-start items-stretch gap-y-17"
  >
    <ScrollXCard />
    <div
      class="bg-[#FFE500] w-200 h-40 lh-40 rounded-20 font-bold text-14 text-[#3A3A77] lh-16 text-center ml-auto mr-auto"
      @click="handleMore"
    >
      {{ $t("title05") }}
    </div>
  </div>
</template>
<style lang="scss" scoped></style>
